day09列表、表单、表格

  type="1" type="a" type="A" type="i" type="I"

     start="2"表示从第二位开始，只能是数字

前端 html5 css js

---------实心圆

-------空心圆

-------实心方块

---------无

  dt只有一个，dd可以有多个

名词 解释1 解释2

value：表单提示信息，输入前需要删除，用户体验不好

placeholder:表单提示信息，文字衬于底部，用户输入不用删除

不能选中：disabled="disabled" == disabled

默认选中：checked="checked" == checked

单选和多选：可以默认选中和不选 checked:默认选中

disabled：不能够选中 单选需要注意的点： 必须要写name（name值必须一样）

   默认选中是selected

提交按钮 提交按钮必须和form配套使用，不写value时默认文字是"提交"，写了value值按照value显示

没有特殊功能的按钮

按钮button有跳转功能

重置按钮 重置按钮必须和form配套使用，不写value时默认文字时"重置"，写了value值按照value显示

   颜色： -------------------color

电话: --------移动端唤起虚拟键盘

邮箱：--------------------submit提交会查看格式是否正确

搜索： --自带X

滑块：----最大值，最小值，

步数

数字：---最大值，最小值，

步数 地址：--------------------submit提交会查看格式是否正确

时间：-------------------年月日

周： --------------------年周

月： ------------------年月

输入时间： -----------输入时间格式

年月日时分： ---年月日时分

文件：----------------------------文件类型

图像域：

隐藏文本：

   1.placeholder---------表单提示信息，文字衬于底部，用户输入不用删除

2.autofocus-----------自动聚焦 页面有多个autofocus属性，默认显示第一个input

3.required-------------验证输入内容不能为空（submit ） 页面有多个required,默认显示第一个

   1.required------------------------------验证输入内容不能为空

2.pattern="[a-z]{3}"--------------------正则表达式[限定输入内容和和范围]{限定输入的字符位数}

3.multiple---------------选择多个文件

4.max min step max---------------最大值 min---------------最小值 step--------------步进值（步数）

     1. get请求通常是从服务器上获取数据，post请求通常表示向服务器提交数据。

2. get请求发送的数据都写在地址栏上，用户可见。而post请求发送的数据用户不可见。

3. get请求不能提交大量的数据，但post可以，因此不要混用。

     1、get方式的安全性较Post方式要差些，包含机密信息的话，建议用Post数据提交方式；

2、在做数据查询时，建议用Get方式；而在做数据添加、修改或删除时，建议用Post方式；

   cursor: pointer;------手指

cursor:help;-----------?

cursor: wait;-----------加载中

cursor: crosshair;-------十字架

cursor: default;---------默认

  收集信息

  tr：行 td:列 th:标题

     width="100px" height="200px" border="1"---------------表格的边框 bgcolor="red"------------表格背景颜色 bordercolor="yellow"-----表格边框颜色 cellspacing="10px"-------单元格与单元格之间的间距 cellpadding="20px"-------内容与单元格之间的间距

    rules="groups|rows|cols|all|none"---------------组分割线 groups--------组分割线 rows----------行分割线 cols----------列分割线 all-----------单元格分割线 none----------无分割线

     align="center|left|rigth" --------------文本水平对齐方式和 valign="top|middl|bottom|baseline"------文本垂直对齐方式

    rowspan给单元格添加（td）,n要合并的单元格数字，删除要合并的单元格

    colpan给单元格添加（td）,n要合并的单元格数字，删除要合并的单元格

      1.border-spacing: 20px;

      单元格与单元格之间的距离（table添加）

      2.border-collapse: collapse|separate;

      合并相邻单元格边框 collapse合并 separate不合并（默认值）

      3.table-layout:auto|fixed;

      单元格宽度是否会随着内容变化而变化 table-layout:auto；变化 table-layout:fixed；固定

       4.empty-cells: show|hide;

      空白单元格是否隐藏 show:展示 hide:隐藏

      5.数字

      表格标题 caption-side: top|bottom|left|right;-------------标题的位置 top:表格整体上边 bottom:表格整体下边 left|right :火狐浏览器可以识别

      6.span="3"

      划分祖列 span="3" 3列